﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body class="container bgcl-lightGray">
    <!--banner laters-->
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="index.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>体验馆</h1>
    </header>

    <main class="stores-show">
        <header>
            <a href="dirchoose.html" class="simple-selecter city-selecter pull-left">
                <h4>广州市</h4>
                <span class="icon2 icon2-loc"></span><span class="icon icon-expand-down-sm"></span>
            </a>
            <a class="round-bor-selecter district-selecter pull-right" data-toggle="modal" data-target="#modal_storeSelecter">
                <span>--- 请选择门店 --- </span>
                <div class="selecter-rigSideBtn"><span class="icon2 icon2-down-white"></span></div>
            </a>
        </header>
        <ul class="store-detail-lists">
            <!--一个-->
            <li class="catgry2-item">
                <header><span>旗舰店</span><span class="icon2 icon2-list"></span></header>
                <div class="catgry2-item-inner store-detail-inner">
                    <section class="catgry2-item-pic noborder" role="img">
                        <a href="storedetail.html"><img src="images/example4.jpg" /></a>
                    </section>
                    <section class="catgry2-item-content store-content">
                        <a href="storedetail.html" class="store-detail-name">天河区旗舰店</a>
                        <address class="store-detail-addr">
                            <p>天河区珠江新城冼村路2号首府大厦1-4楼</p>
                            <div><a href="tel:10086" class="icon2 icon2-phone"></a></div>
                        </address>
                        <div class="store-detail-others">
                            <div class="cube-box"><a href="map.html" class="icon2 icon2-compass"></a></div>
                            <div class="cube-box"><a href="sms://?body=实体店地址:天河区珠江新城冼村路2号首府大厦1-4楼" class="icon2 icon2-mail"></a></div>
                            <a>地图导航&发送地址至手机</a>
                        </div>
                    </section>
                </div>
            </li>
            <!--一个-->
            <li class="catgry2-item">
                <header><span>旗舰店</span><span class="icon2 icon2-list"></span></header>
                <div class="catgry2-item-inner store-detail-inner">
                    <section class="catgry2-item-pic noborder" role="img">
                        <a href="storedetail.html"><img src="images/example4.jpg" /></a>
                    </section>
                    <section class="catgry2-item-content store-content">
                        <a href="storedetail.html" class="store-detail-name">天河区旗舰店</a>
                        <address class="store-detail-addr">
                            <p>天河区珠江新城冼村路2号首府大厦1-4楼</p>
                            <div><a href="tel:10086" class="icon2 icon2-phone"></a></div>
                        </address>
                        <div class="store-detail-others">
                            <div class="cube-box"><a href="map.html" class="icon2 icon2-compass"></a></div>
                            <div class="cube-box"><a href="sms://?body=实体店地址:天河区珠江新城冼村路2号首府大厦1-4楼" class="icon2 icon2-mail"></a></div>
                            <a>地图导航&发送地址至手机</a>
                        </div>
                    </section>
                </div>
            </li>
            <!--一个-->
            <li class="catgry2-item">
                <header><span>旗舰店</span><span class="icon2 icon2-list"></span></header>
                <div class="catgry2-item-inner store-detail-inner">
                    <section class="catgry2-item-pic noborder" role="img">
                        <a href="#"><img src="images/example4.jpg" /></a>
                    </section>
                    <section class="catgry2-item-content store-content">
                        <div class="store-detail-name">天河区旗舰店</div>
                        <address class="store-detail-addr">
                            <p>天河区珠江新城冼村路2号首府大厦1-4楼</p>
                            <div><a href="tel:10086" class="icon2 icon2-phone"></a></div>
                        </address>
                        <div class="store-detail-others">
                            <div class="cube-box"><a href="map.html" class="icon2 icon2-compass"></a></div>
                            <div class="cube-box"><a href="sms://?body=实体店地址:天河区珠江新城冼村路2号首府大厦1-4楼" class="icon2 icon2-mail"></a></div>
                            <a>地图导航&发送地址至手机</a>
                        </div>
                    </section>
                </div>
            </li>
            <!--一个-->
            <li class="catgry2-item">
                <header><span>旗舰店</span><span class="icon2 icon2-list"></span></header>
                <div class="catgry2-item-inner store-detail-inner">
                    <section class="catgry2-item-pic noborder" role="img">
                        <a href="#"><img src="images/example4.jpg" /></a>
                    </section>
                    <section class="catgry2-item-content store-content">
                        <div class="store-detail-name">天河区旗舰店</div>
                        <address class="store-detail-addr">
                            <p>天河区珠江新城冼村路2号首府大厦1-4楼</p>
                            <div><a href="tel:10086" class="icon2 icon2-phone"></a></div>
                        </address>
                        <div class="store-detail-others">
                            <div class="cube-box"><a href="map.html" class="icon2 icon2-compass"></a></div>
                            <div class="cube-box"><a href="sms://?body=实体店地址:天河区珠江新城冼村路2号首府大厦1-4楼" class="icon2 icon2-mail"></a></div>
                            <a>地图导航&发送地址至手机</a>
                        </div>
                    </section>
                </div>
            </li>

        </ul>
    </main>

    <div class="modal modal-storeSelecter" id="modal_storeSelecter" tabindex="-1" role="dialog" aria-labelledby="modalLabel_store" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <header class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h5 class="modal-title" id="modalLabel_store"><span class="icon4 icon4-van"></span>选择最近收货地址，送货更快哦</h5>
                </header>
                <div class="modal-body">
                    <!--一个-->
                    <div class="modal-store-catagory">
                        <header>旗舰店</header>
                        <ul>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                        </ul>
                    </div>
                    <!--一个-->
                    <div class="modal-store-catagory">
                        <header>旗舰店</header>
                        <ul>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                        </ul>
                    </div>
                    <!--一个-->
                    <div class="modal-store-catagory">
                        <header>旗舰店</header>
                        <ul>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                        </ul>
                    </div>
                    <!--一个-->
                    <div class="modal-store-catagory">
                        <header>旗舰店</header>
                        <ul>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                            <li><a href="#">有间旗舰店</a></li>
                        </ul>
                    </div>
                </div>
                <footer class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h5 class="modal-title" id="modalLabel_store"><span class="icon4 icon4-van"></span>选择最近收货地址，送货更快哦</h5>
                </footer>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!--theScript-->
    <script src="lib/js/zepto.min.js"></script>
    <script src="js/modalscript.js"></script>
</body>
</html>
